/* @override 
	http://localhost:8500/muracms/admin/css/formbuilder/templatebuilder/base.css */

/* This file is part of Mura CMS. 

	Mura CMS is free software: you can redistribute it and/or modify 
	it under the terms of the GNU General Public License as published by 
	the Free Software Foundation, Version 2 of the License. 

	Mura CMS is distributed in the hope that it will be useful, 
	but WITHOUT ANY WARRANTY; without even the implied warranty of 
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the 
	GNU General Public License for more details. 

	You should have received a copy of the GNU General Public License 
	along with Mura CMS.  If not, see <http://www.gnu.org/licenses/>. 

	Linking Mura CMS statically or dynamically with other modules constitutes the preparation of a derivative work based on 
	Mura CMS. Thus, the terms and conditions of the GNU General Public License version 2 ("GPL") cover the entire combined work.
	
	However, as a special exception, the copyright holders of Mura CMS grant you permission to combine Mura CMS with programs
	or libraries that are released under the GNU Lesser General Public License version 2.1.
	
	In addition, as a special exception, the copyright holders of Mura CMS grant you permission to combine Mura CMS with 
	independent software modules (plugins, themes and bundles), and to distribute these plugins, themes and bundles without 
	Mura CMS under the license of your choice, provided that you follow these specific guidelines: 
	
	Your custom code 
	
	• Must not alter any default objects in the Mura CMS database and
	• May not alter the default display of the Mura CMS logo within Mura CMS and
	• Must not alter any files in the following directories.
	
	 /admin/
	 /tasks/
	 /config/
	 /requirements/mura/
	 /Application.cfc
	 /index.cfm
	 /MuraProxy.cfc
	
	You may copy and distribute Mura CMS with a plug-in, theme or bundle that meets the above guidelines as a combined work 
	under the terms of GPL for Mura CMS, provided that you include the source code of that other code when and as the GNU GPL 
	requires distribution of source code.
	
	For clarity, if you create a modified version of Mura CMS, you are not obligated to grant this special exception for your 
	modified version; it is your choice whether to do so, or to make such modified version available under the GNU General Public License 
	version 2 without this exception.  You may, if you choose, apply this exception to your own modified versions of Mura CMS. */
/* @override 
	http://localhost:8500/muracms/admin/css/formbuilder/templatebuilder/base.css */
	
	/* @group Previously template-from.css */
	
	.mura-tb-form {
	/*float: right;
	width: 100%;*/
	}
	.mura-tb-form .mura-tb-header {
		padding: 0;
		margin: 0 0 10px;
		overflow: hidden;
		position: relative;
	}
	
	.mura-tb-form .mura-tb-header h3 {
		font-size: 15px;
		min-height: 22px;
		color: #666;
		float: left;
		margin: 0;
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 36px;
		padding-top: 6px;
		/*padding-right: 14px;*/
		line-height: 1.1;
	}
	
	.mura-tb-header.textfield h3 {
		background-image: url('../../../images/formbuilder/frm_textfield_big.png');
	}
	.mura-tb-header.textarea h3 {
		background-image: url('../../../images/formbuilder/frm_textarea_big.png');
		/*background-position: left center;*/
	}
	.mura-tb-header.dropdown h3 {
		background-image: url('../../../images/formbuilder/frm_dropdown_big.png');
	}
	.mura-tb-header.radio h3 {
		background-image: url('../../../images/formbuilder/frm_radio_big.png');
		padding-top: 4px;
	}
	.mura-tb-header.checkbox h3 {
		background-image: url('../../../images/formbuilder/frm_checkbox_big.png');
		padding-top: 4px;
	}
	.mura-tb-header.hiddenfield h3 {
		background-image: url('../../../images/formbuilder/frm_hidden_big.png');
	}
	.mura-tb-header.fileuploadfield h3 {
		background-image: url('../../../images/formbuilder/frm_upload_big.png');
		padding-left: 24px;
	}
	.mura-tb-header.textblock h3 {
		background-image: url('../../../images/formbuilder/frm_text_freeform_big.png');
		padding-left: 34px;
	}
	
	.mura-tb-form .mura-tb-header h3 span {
		font-size: 15px;
		font-weight: bold;
	}
	
	#button-trash {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.mura-tb-form .btn-wrap {
		text-align: center;
	}
	
	.mura-tb-form input.button,.mura-tb-form input.submit {
		/*margin: 1px 3px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-box-shadow: 1px 1px 1px #aaa;
		-webkit-box-shadow: 1px 1px 1px #aaa;*/
	}
	.mura-tb-form input:active.button,.mura-tb-form input:active.submit {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	.mura-tb-form input.ui-icon {
		width: 18px;
		height: 18px;
	}
	.mura-tb-form select {
		/*border: 1px solid #aaa;*/
		margin: 0;
		padding: 1px;
		float: left;
	}
	
	ul.template-form {
		list-style: none;
		padding: 10px;
		margin-bottom: 0;
	}
	
	#mura-tb-dataset ul.template-form {
		padding-bottom: 0;
	}
	
	#mura-tb-form .ui-tabs .ui-tabs-nav {
		background: none;
		border: 0;
		overflow: hidden;
	}
	
	#mura-tb-fields-settings {
		float: right;
		width: 66%;
		padding: 2%;
		height: 450px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	
	.template-form li {
		line-height: 1;
		padding: 8px;
		overflow: hidden;
		clear: both;
		background: #ddd;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	.template-form li:last-child {
		margin-bottom: 0 !important;
	}
	
	.mura-tb-form label {
		display: block;
		margin: 0 1em 0 0;
		padding: 5px 0;
		clear: none;
		float: left;
		width: 25%;
		text-align: right;
		line-height: 1;
		font-size: 12px;
	}
	
	.mura-tb-form input[type=text], .mura-tb-form input.text {
		font-size: 12px;
		padding: 4px;
	}
	
	.mura-tb-form input.long {
		width: 69%;
	}
	.mura-tb-form textarea {
		width: 69%;
		/*font-size: 9pt;*/
	}
	#mura-plugin .columns div.col2.wide input.long {
		width: 300px;
	}
	.mura-tb-form .col2 input.long {
		width: 200px;
	}
	.mura-tb-form .col3 input.long {
		width: 100px;
	}
	
	#dataset-grid {
		padding: 10px;
	}
	
	#datasource-new {
		border-top: 1px solid #aaa;
	}
	
	#mura-tb-grid .mura-tb-grid-checkbox {
		margin: 0 4px 0 0;
		width: auto !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
	}
	
	#mura-tb-grid .mura-tb-grid-radio {
		margin: 0 4px 0 0;
		width: auto !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
	}
	
	input.disabled {
		border: 0;
		background-color: #eee;
	}
	
	#mura-tb-fields .ui-button {
		border: 1px solid #c2c2c2;
		background: -moz-linear-gradient(
			top,
			#ffffff 0%,
			#cdcdcd);
		background: -webkit-gradient(
			linear, left top, left bottom, 
			from(#ffffff),
			to(#cdcdcd));
		background: -webkit-linear-gradient(
				linear, left top, left bottom, 
				from(#ffffff),
				to(#cdcdcd));
		background: -ms-linear-gradient(
				linear, left top, left bottom, 
				from(#ffffff),
				to(#cdcdcd));	
	}
	.ui-icon-formfield {
		background-image: url(../../../images/formbuilder/ui-icons-form-basic.png) !important;
		background-repeat: no-repeat;
		width: 24px;
		height: 20px;
		/*border: 1px solid #f2f2f2 !important;*/
		padding: 6px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	#mura-templatebuilder .ui-button-text {
		height: 32px;
		line-height: 32px;
		padding: 0 10px;
	}
	
	/*.ui-icon-formfield-field { background-position: 0 0; }*/
	.ui-icon-formfield-section { background-image: none !important; width: auto; }
	.ui-icon-formfield-textfield { background-position: 6px 6px; }
	.ui-icon-formfield-textarea { background-position: -27px 6px; }
	.ui-icon-formfield-radiobox { background-position: -155px 6px; }
	.ui-icon-formfield-checkbox { background-position: -124px 6px; }
	.ui-icon-formfield-select { background-position: -61px 6px; }
	.ui-icon-formfield-hidden { background-position: -255px 6px; }
	.ui-icon-formfield-file { background-position: -285px 6px; }
	.ui-icon-formfield-textblock { background-position: -314px 6px; }
	
	/*.ui-icon-formfield-hidden { background-position: -233px 0; }*/
	/*.ui-icon-formfield-form { background-position: -96px 0; }*/
	
	/* @end */
	
	#mura-formbuilder {
	border: 1px solid #e6efe2;
	padding: 5px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#mura-formbuilder-masthead {
	border: 1px solid #e6efe2;
	background-color: #eef4ec;
	padding: 5px;
	height: 25px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#mura-formbuilder-form {
	margin: 5px 0;
}
#mura-formbuilder-fields {
	float: left;
	width: 150px;
	min-height: 300px;
	border: 1px solid #e6efe2;
	background-color: #eef4ec;
	padding: 5px;
	height: 30px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow-y: scroll;
}
#mura-formbuilder-field-list {
	list-style: none;
}
#mura-formbuilder-field-list li div.field {
	border: 1px solid #aaa;
	background-color: #d6bcad;
	margin: 5px 0;
	padding: 5px;
	min-height: 40px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#mura-formbuilder-field {
	float: right;
	width: 635px;
	min-height: 200px;
	border: 1px solid #eee;
	background-color: #fafafa;
	padding: 5px;
	height: 30px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#mura-formdata {
	display: none;
}

#mura-templatebuilder {
	/*height: 500px;*/
	border: 1px solid #c2c2c2;
	background-color: #f9f9f9;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#mura-tb {
	border: 1px solid #c2c2c2;
	padding: 5px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.mura-tb-menu {
	border-bottom: 1px solid #a6a6a6;
	background: url('../../../images/formbuilder/ui-toolbar-bg.jpg') repeat-x;
	padding: 4px;
	height: 34px; /*
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;*/
}
.mura-tb-menu ul.right,.mura-tb-header ul.right {
	margin: 0;
	padding: 0;
	float: right;
}
.mura-tb-menu li,.mura-tb-header li {
	list-style: none;
	float: left;
	margin: 0 1px 0 1px;
}
.mura-tb-menu li.spacer,.mura-tb-header li.spacer {
	display: block;
	height: 28px;
	padding: 2px 3px;
	margin-left: 4px;
	border-left: 1px dotted #aaa;
}
.ui-button {
	display: block;
	padding: /*5px*/;
	border: 1px solid #dcdcdc;
	background-color: #eee;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.ui-button.noframe {
	border: 0;
	padding: 0;
	margin: -3px 0 0 -3px;
}
.ui-button:hover {
	background-color: #fff;
}
.ui-button:active {
	background-color: #ddd;
}

#mura-tb-form .ui-tabs {
	background: transparent;
	margin-bottom: 2em;
}

#mura-tb-form .ui-tabs .ui-tabs-nav {
	/*height: 26px !important;*/
	padding-bottom: 0 !important;
	border-bottom: 0 !important;
	background: transparent !important;
	z-index: 0;
}
#mura-tb-form .ui-tabs .ui-tabs-nav li {
	border: 1px solid #eee !important;
	margin-right: 2px !important;
	margin-left: 0 !important;
}
#mura-tb-form .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	border: 1px solid #ccc !important;
	background: #ccc;
}

#mura-tb-form .ui-tabs .ui-tabs-nav li a,#mura-tb-form .ui-tabs .ui-tabs-nav li a {
	background-color: #eee;
	padding: 0.5em 1em;
	margin-left: 0 !important;
	font-size: 12px;
}

#mura-tb-form .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	background-color: #ccc;
}

#mura-tb-form .ui-tabs-panel {
	padding-top: 0;
	border-top: 0;
	background: #ccc;
	z-index: 10;
}

#mura-tb-header li div {
	padding: 1px;
}

#mura-tb-menu .right {
	float: right;
}

#mura-tb-form {
	/*border-top: 1px solid #d1d1d1;*/
	background: url('../../../images/formbuilder/bg-shadows.png') repeat-y 274px 0;
	background-color: #d7d7d6;
}
#mura-tb-form-fields {
	width: 26%;
	padding: 2% 2% 2% 2%;
	float: left;
	background: #f9f9f9;
	height: 450px;
	overflow-y: auto;
	overflow-x: hidden;
}
#mura-tb-data-form {
	margin: 0 0 12px !important;
	padding: 0 !important;
	width: 100%;
}
#mura-tb-fields {
	list-style: none;
	overflow-y: auto;
	margin: 0;
}

#mura-tb-fields li div.field {
	padding: 9px 0 9px 38px;
	background-repeat: no-repeat;
	background-position: 0px center;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: move;
	line-height: 1;
}

#mura-tb-fields li  {
	position: relative;
	color: #333;
	padding: 4px 6px;
	background: #eaeae9;
	background: -moz-linear-gradient(
		top,
		#f7f7f7 0%,
		#dbdad8);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f7f7f7),
		to(#dbdad8));
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#dbdad8');*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #dedede;
	-moz-box-shadow:
		1px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,.5);
	-webkit-box-shadow:
		1px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,.5);
	text-shadow:
		1px 1px 0px rgba(255,255,255,1.0);
}

#mura-tb-fields .selected {
	color: #eee;
	font-weight: bold;
	background: #818181;
	background: -moz-linear-gradient(
		top,
		#777777 0%,
		#999999);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#777777),
		to(#999999));
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#999999');*/
	border: 1px solid #dedede;
	/*border-right: 5px solid #CA1212;*/
	-moz-box-shadow:
		1px 1px 2px rgba(000,000,000,0),
		inset 1px 1px 2px rgba(000,000,000,0.4);
	-webkit-box-shadow:
		1px 1px 2px rgba(000,000,000,0),
		inset 1px 1px 2px rgba(000,000,000,0.4);
	text-shadow:
		-1px -1px 0px rgba(0,0,0,0.4);
}

#mura-tb-form #mura-tb-fields li.selected .field {
	padding-right: 18px;
}

#mura-tb-fields li.field-textfield div {
	background-image: url('../../../images/formbuilder/frm_textfield_big.png');
}
#mura-tb-fields li.field-textarea div {
	background-image: url('../../../images/formbuilder/frm_textarea_big.png');
}
#mura-tb-fields li.field-dropdown div {
	background-image: url('../../../images/formbuilder/frm_dropdown_big.png');
}
#mura-tb-fields li.field-radio div {
	background-image: url('../../../images/formbuilder/frm_radio_big.png');
}
#mura-tb-fields li.field-checkbox div {
	background-image: url('../../../images/formbuilder/frm_checkbox_big.png');
}
#mura-tb-fields li.field-hidden div {
	background-image: url('../../../images/formbuilder/frm_hidden_big.png');
}
#mura-tb-fields li.field-file div {
	background-image: url('../../../images/formbuilder/frm_upload_big.png');
}
#mura-tb-fields li.field-textblock div {
	background-image: url('../../../images/formbuilder/frm_text_freeform_big.png');
}

#mura-tb-form #mura-tb-fields li.field-section {
	background: transparent;
	filter: none;
	margin: 0 0 5px 0;
	padding: 5px;
	border: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	text-shadow: none !important;
	font-size: 16px;
	color: #666;
	font-weight: bold;
}

.mura-tb-block {
	cursor: move;
}

#mura-tb-dataset {
	padding-top: 0;
	clear: left;
}

#mura-tb-form .btn-wrap {
	text-align: center;
	padding-bottom: 6px;
}

#mura-tb-form #mura-tb-fields .mura-tb-nav-utility {
	display: block;
	position: absolute;
	top: 50%;
	right: 4px;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: -8px 0 0 !important;
}

#mura-tb-form #mura-tb-fields .mura-tb-nav-utility li {
	display: block;
	position: relative;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	background: transparent !important;
	border: 0 !important;
	box-shadow: 0 0 0;
}

#mura-tb-form #mura-tb-fields .mura-tb-nav-utility #button-trash {
	display: block;
	padding: 0;
	margin: 0;
	border-radius: 0;
	width: 16px;
	height: 16px;
	background: transparent url('../../../images/formbuilder/data-delete.png') no-repeat center center !important;
	border: 0 !important;
}
/* @group Grids for Fields with Options */

#mura-tb-grid-table-header {
	/*border-bottom: 1px solid #a6a6a6;*/
	background: url('../../../images/formbuilder/ui-toolbar-bg.jpg') repeat-x left bottom;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	clear: both;
	width: 100%;
	overflow: hidden;
	
}
#mura-tb-grid-table-header .nohandle {
	margin-left: -30px;
}
#mura-tb-grid-table {
	width: 100%;
	max-height: 600px;
	overflow-y: auto;
}
#mura-tb-grid-table-header li {
	list-style: none;
	padding: 4px 0 4px 44px !important;
	margin: 0;
	text-align: left;
	overflow: hidden;
	background: transparent;
}
#mura-tb-grid-table li {
	list-style: none;
	overflow: hidden;
	background-color: #f9f9f9;
	margin: 0;
	padding: 4px 0;
	text-align: left;
	border-bottom: 1px solid #eee;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	line-height: 18px !important;
}
#mura-tb-grid-table li span, #mura-tb-grid-table-header li span {
	display: block;
	float: left;
	margin: 0;
	color: #000;
	line-height: 20px !important;
	width: 45% !important;
}

#mura-tb-grid-table-header li span {
	width: 48% !important;
	margin-right: 2px;
}

#mura-tb-grid li .mura-tb-cell-small {
	width: 15px !important;
	display: block;
	padding-top: 8px;
	text-align: center;
	margin-right: 3px
}

#mura-tb-grid li .mura-tb-cell-delete {
	width: 16px !important;
	display: block;
	padding-top: 4px;
	text-align: center;
	float: right;
	margin: 0;
}

#mura-tb-grid li .mura-tb-cell-small input.radio {
	margin-top: 0;
}

#mura-tb-grid-table .mura-tb-cell .button-grid-row-delete {
	display: block;
	text-indent: -9999px;
	width: 16px !important;
	height: 20px !important;
	border: 0 !important;
	margin: 0 4px 0 0;
	padding: 0 !important;
	background: transparent url('../../../images/formbuilder/data-delete.png') no-repeat center center;
	float: right;
}
#button-grid-add {
	width: 65px !important;
	line-height: 20px;
	border: 0 !important;
	padding: 2px 6px 2px 20px;
	text-align: left;
	margin: 5px 8px 5px 0;
	background: #999 url('../../../images/formbuilder/data-add.png') no-repeat 5px center;
	color: #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

/*#mura-tb-grid li span.handle {
	width: 10px !important;
	height: 28px;
	margin-right: 0;
	padding: 0 !important;
	background: transparent url('../../../images/formbuilder/data-handle.png') no-repeat center center;
}*/

#mura-tb-grid .mura-tb-grid-display {
	padding: 2px 0px 0 4px;
	overflow: hidden;
	height: 18px;
	background-color: #c7d7e2;
}
#mura-tb-grid-message {
	margin: 0 10px;
	padding: 3px 10px;
	border: 1px solid #ffc488;
	background-color: #fff9f2;
}
#mura-tb-grid-table li span input {
	width: 94%;
	padding: 4px;
	background-color: #fcfcfc;
	border: 1px solid #ddd;
}
#mura-tb-grid-table .button {
	float: right;
	margin-right: 5px;
}
#mura-tb-grid-table .mura-tb-grid-handle {
	background: transparent url('../../../images/formbuilder/data-handle.png') no-repeat center right;
	float: left;	
	width: 14px !important;
	height: 26px;
	margin-right: 6px;
	cursor: move;
}
#mura-tb-grid-table li.alt {
/*	background-color: #ffffff; */
}
#mura-tb-grid-table li.alt span input {
	background-color: #fff;
}
#mura-tb-grid-table li.alt {
	background-color: #e8e8e8;
}

/* @end */

